/* Copyright (C) 2014-2015 Mammoth Inc. */
body {
	color: #fff;
	line-height: 1.7em;
	background: none;
	background-color: #071a24;
	-ms-overflow-style: none;
}
code, pre {
	color: #ffa84b;
	font-weight: bold;
	border-radius: 1px;
	border: none;
	background-color: rgba(15, 36, 49, 0.2);
}
@media (min-width:992px){
	.mm_wrapper{
		min-width: 960px;
		overflow: hidden;
	}
	.mm_lesson_left{
		width: 33.33333333%;
	}
	.mm_lesson_right{
		width: 66.66666667%;
	}
}

.mm_navbar, .mm_lesson_left, .mm_lesson_right {
	padding: 0;
}
.mm_navbar {
	border: none;
	background-color: #0f2431;
}
.mm_navbar_shadow {
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
}
.mm_nav {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mm_nav > li > a, .mm_nav > li > a:visited {
	color: #fff !important;
	text-decoration: none;
}
.mm_nav > li > a:hover {
	color: #fff !important;
	background-color: #081e2b;
	text-decoration: none;
}
.mm_nav > li > a:active {
	color: #aaa !important;
	text-decoration: none;
}
.mm_navbar {
	margin-bottom: 0;
}
.mm_navbar_brand {
	text-decoration: none;
}
.mm_navbar_brand:hover, .mm_navbar_brand:visited {
	text-decoration: none;
}
.mm_navbar_brand:active {
	text-decoration: none;
}
.mm_lesson_navbar_brand_logo {
	margin-top: 11px;
	margin-left: 10px;
	height: 30px;
	width: 36px;
}
.mm_lesson_navbar_brand_char {
	margin-top: 15px;
	margin-left: 8px;
	height: 23px;
	width: 48px;
}
.mm_navbar_brand_name {
	font-size: 20px;
	color: #fff;
}
.mm_navbar_title {
	color: #fff;
}
.navbar_logo {
	float: none!;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.mm_lesson_navbar_dropdown_menu {
	min-width: 160px;
	top: 49px;
	padding: 0;
}
.mm_lesson_navbar_dropdown_menu, .mm_lesson_navbar_dropdown_menu > li > a:visited {
	background-color: #172a34;
}
.mm_lesson_navbar_dropdown_menu > li > a {
	color: #f2f2f2 !important;
	background-color: #103043 !important;
	text-decoration: none;
	padding: 0;
	height: 36px;
	line-height: 36px;
	display: block;
}
.mm_lesson_navbar_dropdown_menu > li > a:hover {
	color: #0f2431 !important;
	background-color: #E7E7E7 !important;
	text-decoration: none;
}
.mm_lesson_navbar_dropdown_menu > li > a:active {
	text-decoration: none;
}
.mm_lesson_navbar_dropdown_menu .divider {
	background-color: #000;
	margin: 0;
}
.mm_lesson_back {
	height: 25px;
	width: 25px;
	margin-right: 8px;
}
.mm_user {
	height: 50px;
}
.mm_lesson_left_content {
	z-index: 9999;
	background-color: #198098;
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.5);
	padding: 0;
}
.mm_check_logo {
	margin-right: 9px;
	height: 18px;
	width: 18px;
}
.mm_lesson_title {
	padding: 12px 15px;
	font-size: 18px;
	border-bottom: 1px solid #007b8d;
}
.mm_lesson_title_progress > a, .mm_lesson_title_progress > a:visited {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.mm_lesson_title_progress > a:hover {
	color: #ddd;
	text-decoration: none;
}
.mm_lesson_title_progress > a:active {
	color: #ddd;
	text-decoration: none;
}
.mm_lesson_title_progress > a > i {
	color: rgba(255, 255, 255, 0.2);
}
.mm_lesson_dropdown_menu {
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0;
	border: none;
	max-height: 300px;
	width: 220px;
	right: -15px !important;
	top: 34px;
	padding: 10px 0;
	background-color: #fff;
}
.mm_lesson_dropdown_menu > li > a, .mm_lesson_dropdown_menu > li > a:visited {
	color: #11364c;
	padding: 10px 15px;
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li > a:hover {
	background-color: rgba(17, 54, 76, 0.1) !important;
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li > a:active {
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li.active > a, .mm_lesson_dropdown_menu > li.active > a:visited {
	color: #fff !important;
	background-color: #3b4348 !important;
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li.active > a:hover {
	color: #fff !important;
	background-color: #3b4348 !important;
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li.active > a:active {
	text-decoration: none;
}
.mm_lesson_dropdown_menu > li > a > img {
	margin-right: 12px;
}
.mm_lesson_context {
	overflow: hidden;
	border-top: 1px solid #2194a9;
	font-size: 14px;
	padding-top: 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(#198098), color-stop(0.7, #c7a26a), to(#dea677));
	background: -moz-linear-gradient(top, #198098, #dea677);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#198098", endColorstr="#dea677", GradientType="0");
	-webkit-transition: -webkit-filter linear 0.1s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mm_lesson_context_text {
	width: 100%;
	padding: 0 25px;
	overflow-y: scroll;
	position: absolute;
	z-index: 2;
}
.mm_lesson_context_text img {
	width: 100%;
	height: auto;
}
.mm_lesson_context_text a,
.mm_lesson_context_text p > a{
	color: #F7941e;
    font-size: 12px;
    padding: 0 4px;
}
.mm_lesson_context_text a.mm_btn_hint_toggle {
	padding: 15px 0 !important;
	margin-top: 30px;
	font-size: 18px;
	color: #fff !important;
	background-color: #ffa84b;
	border: none;
}
.mm_btn_hint_toggle:active {
	color: #fff;
	background-color: #e89640;
	text-decoration: none;
}
.mm_btn_hint_box {
	display: block;
	z-index: 9999;
	opacity: 0;
	float: none;
	padding: 9.5px;
	background-color: rgba(15, 36, 49, 0.2);
}
.mm_lesson_sunrise {
	overflow: hidden;
	padding: 0;
	margin-top: 20px;
	z-index: 1;
	position: absolute;
	bottom: 0;
}
.mm_lesson_sunrise > img {
	height: 167px;
}
.mm_lesson_right_content {
	padding: 0;
}
.mm_lesson_tabbar {
	z-index: 10;
	padding: 9px 0 0 0px;
}
.mm_lesson_tablist, .mm_lesson_tablist > li {
	border: none !important;
}
.mm_lesson_tablist > li > a {
	border: none !important;
	border-radius: 1px;
	padding: 10px 25px;
	margin-right: 5px;
	color: #fff !important;
	text-decoration: none;
}
.mm_lesson_tablist > li:nth-child(1) {
	display: inline-block;
	width: 100px;
	text-align: center;
}
.mm_lesson_tablist > li:nth-child(1) ul li {
	display: block;
	list-style: none;
	font-size: 16px;
	width: 100%;
}
.mm_lesson_tablist > li ul li a {
	text-decoration: none;
	color: white;
}
#mm_jt {
	cursor: pointer;
}
.mm_lesson_tablist > li ul {
	padding: 0;
	background: #CCC;
	position: absolute;
	width: 95px;
	min-height: 20px;
}
.mm_lesson_tablist > li ul li:nth-child(5), .mm_lesson_tablist > li ul li:nth-child(6), .mm_lesson_tablist > li ul li:nth-child(7), .mm_lesson_tablist > li ul li:nth-child(8), .mm_lesson_tablist > li ul li:nth-child(9), .mm_lesson_tablist > li ul li:nth-child(10) {
	background: rgba(255, 255, 255, 0.89);
	z-index: 8;
}
.mm_lesson_tablist > li:nth-child(1) i {
	position: absolute;
	top: 13px;
	right: 15px;
	z-index: 101;
}
.mm_lesson_tablist > li ul li:hover {
	background: #41667c;
}
.mm_lesson_tablist > li ul li {
	position: relative;
}
.mm_span_high {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: blue;
	border-radius: 3px;
	position: absolute;
	left: 15px;
	top: 20px;
}
.mm_lesson_tablist > li ul>span {
	position: absolute;
	width: 0px;
	height: 0px;
	border: 6px solid #CCC;
	top: -12px;
	right: 8px;
	border-color: transparent transparent #CCC transparent;
}
#mm_quiz_oul {
	display: none;
}
.mm_lesson_tablist > li.active > .mm_tab_code, .mm_lesson_tablist > li > .mm_tab_code:hover {
	background-color: #0e2d41 !important;
	text-decoration: none;
}
.mm_lesson_tablist > li.active > .mm_tab_timemachine, .mm_lesson_tablist > li > .mm_tab_timemachine:hover {
	background-color: #0e3941 !important;
	text-decoration: none;
}
.mm_timemachine {
	border: none;
	width: 100%;
	height: 100%;
}
.mm_lesson_tablist > li.active > .mm_tab_ask, .mm_lesson_tablist > li > .mm_tab_ask:hover {
	background-color: #3b4348 !important;
	text-decoration: none;
}
.mm_lesson_tabbar_content {
	z-index: 999;
}
.mm_lesson_editor {
	background-color: #0e2d41;
}
.CodeMirror {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
	padding-top: 10px;
	height: 100% !important;
}
.CodeMirror, .CodeMirror-gutters {
	background-color: #0e2d41 !important;
	border: none !important;
}
.CodeMirror-dialog {
	color: #fff !important;
	background-color: #0f2431 !important;
	border-bottom: none !important;
}
.CodeMirror-dialog > button {
	color: #071a24 !important;
}
.mm_lesson_editor_panel {
	padding: 12px;
}
.mm_undo, .mm_redo {
	color: #091d29;
	font-size: 40px;
}
.mm_btn_undo, .mm_btn_redo, .mm_btn_reset, .mm_btn_undo:visited, .mm_btn_redo:visited, .mm_btn_reset:visited {
	padding: 0 40px;
	color: #888;
	background-color: rgba(17, 54, 76, 0.5);
	border: none;
	text-decoration: none;
}
.mm_btn_undo {
	margin-right: 8px;
}
.mm_btn_reset {
	margin-left: 8px;
	padding: 8.5px 30px;
}
.mm_btn_undo:hover, .mm_btn_redo:hover, .mm_btn_reset:hover {
	background-color: rgba(17, 54, 76, 0.7);
	color: #888;
	text-decoration: none;
}
.mm_btn_undo:active, .mm_btn_redo:active, .mm_btn_reset:active {
	background-color: rgba(17, 54, 76, 0.6);
	color: #888;
	text-decoration: none;
}
.mm_btn_run, .mm_btn_run:visited {
	color: #fff;
	padding: 8.5px 40px;
	background-color: #4cc879;
	border: none;
	text-decoration: none;
}
a#mm_mask {
	padding: 8.5px 31px;
}
/*.mm_volumes{
	display: none;
	z-index: 99;
}*/
.mm_btn_run:hover {
	color: #fff;
	background-color: #5cd889;
	text-decoration: none;
}
.mm_btn_run:active {
	color: #fff;
	background-color: #3cb869;
	text-decoration: none;
}
#mm_console {
	color: #fff;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	background-color: #1a2529;
	padding: 10px;
	border: none;
	border-radius: 1px !important;
	resize: none;
	height: 120px;
}
#mm_console:focus {
	box-shadow: none;
}
#mm_console_popout {
	color: #000;
}
.mm_panel {
	border-radius: 1px !important;
}
.mm_lesson_ask {
	overflow-x: hidden;	/*overflow-y: scroll;*/
	padding: 15px;
	background-color: #3b4348;
}
.mm_lesson_ask_context {
	padding-bottom: 10px;
}
.mm_lesson_ask_common {
	list-style: none;
	padding: 15px;
}
.mm_lesson_ask_common_title {
	padding-left: 15px;
}
.mm_lesson_ask_common_item, .mm_lesson_ask_common_item:visited {
	margin-right: 10px;
	color: #bebebe !important;
}
.mm_lesson_ask_common_item:hover {
	color: #fff !important;
	text-decoration: none !important;
}
.mm_icon_on {
	color: #ffa84b;
}
.mm_text_gray {
	color: #aaa;
	padding-left: 10px;
}
.mm_ask_input {
	padding: 10px 0 20px 0;
}
.mm_question_form {
	color: #000;
	border-radius: 1px;
	border: 1px solid #ffa84b;
	-webkit-transition: border-color ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s;
	-ms-transition: border-color ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s;
}
#mm_question_editor {
	border-top: none;
	box-shadow: none;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	resize: vertical;
}
.mm_question_editor_tool {
	border-top: 1px solid #ffa84b;
	border-left: 1px solid #ffa84b;
	border-right: 1px solid #ffa84b;
	border-bottom: 1px solid #eee;
	padding: 6px 4px;
	background-color: #fff;
	-webkit-transition: border-color ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s;
	-ms-transition: border-color ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s;
}
.mm_question_editor_tool > a, .mm_question_editor_tool > a:visited {
	padding: 4px 10px;
	text-decoration: none;
}
.mm_question_editor_tool > a:hover {
	background-color: #339ade;
	color: #fff;
	text-decoration: none;
}
.mm_question_editor_tool > a:active {
	background-color: #238ace;
	text-decoration: none;
}
#mm_preview {
	border: 1px dotted #ffa84b;
	overflow: scroll;
	word-wrap: break-word;
	padding: 10px;
	background-color: #434b4f;
	min-height: 45px;
}
#mm_preview > * {
	margin: 0;
}
#mm_preview a, #mm_preview a:visited {
	color: #39a0b8;
}
#mm_preview a:hover {
	color: #118990;
}
#mm_preview a:active {
	color: #097088;
}
#mm_preview img {
	height: 100px;
	width: 100px;
}
#mm_preview blockquote {
	border-left: 4px solid #3f3f3f;
}
#mm_addon_count, #mm_addon_tag {
	background-color: #fff;
	border-radius: 1px;
	border-top: 1px solid #ffa84b;
	border-bottom: 1px solid #ffa84b;
	-webkit-transition: border-color ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s;
	-ms-transition: border-color ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s;
	cursor: text;
}
#mm_addon_count {
	border-right: 1px solid #ffa84b;
	color: #aaaeb0;
}
#mm_addon_tag {
	border-left: 1px solid #ffa84b;
	color: #ffa84b;
}
#mm_question, #mm_question_tag {
	box-shadow: none;
}
#mm_question {
	border-right: none;
}
#mm_question_tag {
	padding-left: 0;
	border-left: none;
}
.mm_btn_question_submit, .mm_btn_question_submit:visited {
	color: #fff;
	background-color: #4cc879;
	padding: 15px 0;
	margin: 10px 0;
	font-size: 18px;
	border: none;
	text-decoration: none;
}
.mm_btn_question_submit:hover {
	color: #fff;
	background-color: #5cd889;
	text-decoration: none;
}
.mm_btn_question_submit:active {
	color: #fff;
	background-color: #3cb869;
	text-decoration: none;
}
.mm_icon_left {
	padding-right: 5px !important;
}
.mm_lesson_modal {
	margin-top: 10px;
}
.mm_modal_title {
	padding-left: 4px;
	color: #000;
}
.mm_icon_equal {
	color: #666 !important;
	margin: 3%;
	width: 3%;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.mm_img_captcha {
	height: 34px;
}
.mm_form_error {
	border-color: red;
}
.mm_temp_cancel {
	float: left;
	display: inline-block;
	width: 100px;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
	background-color: rgba(248,161,68,1);

}
.mm_temp_cancel:hover {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
.mm_temp_send {
	float: right;
	display: inline-block;
	width: 160px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	background-color: #4cc879;
}
.mm_temp_send:hover {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	background-color: #3ead69;
}
@media (max-width:578px) {
	.mm_btn_undo, .mm_btn_redo {
		padding: 0 20px;
	}
	.mm_btn_reset {
		padding: 8.5px 20px;
	}
	.mm_btn_run {
		padding: 8.5px 20px;
	}
}
@media (max-width:400px) {
	.mm_question_editor_tool > a {
		padding: 4px;
	}
}
@media (min-width:1200px) {
	.mm_question_editor_tool > a {
		padding: 4px 20px;
	}
}
.mm_lesson_tab {
	height: 100%;
	width: 2%;
	background-color: #0f2431;
	float: left;
	position: fixed;
	z-index: 100;
	display: none;
	top: 50px;
	padding-top: 12px;
}
.mm_lesson_tab li {
	width: 30px;
	height: 30px;
	text-align: center;
	position: relative;
	line-height: 30px;
	vertical-align: middle;
	display: block;
	left: -35px;
}
.mm_lesson_tab li span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	margin: 0 auto;
	background: url('../img/mm_tab/round.png') no-repeat center;
	z-index: 3;
	font-size: 13px;
	color: #fff;
}
ul.mm_lesson_tab li.active span {
	background: url('../img/mm_tab/activeRound.png') no-repeat center;
}
.mm_lesson_tab li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 30px;
	width: 190px;
	font-size: 12px;
	background: url(../img/mm_tab/tab_bg.png) no-repeat right;
}
.mm_lead_mask {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.39);
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: none;
}
.mm_lead_border {
	border: 2px solid red;
}
.mm_quiz_shu {
	position: absolute;
	bottom: 45px;
	right: 200px;
}
.mm_quiz_font {
	width: 400px;
	height: 130px;
	position: absolute;
	bottom: 145px;
	right: 70px;
	background: white;
	color: black;
	border: 5px solid #FFA84B;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
	border-radius: 15px;
}
.mm_quiz_font h1 {
	display: block;
	width: 1px;
	height: 1px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1px;
	text-align: center;
	cursor: pointer;
	float: right;
	margin-right: 10px;
}
.mm_quiz_font p {
	margin-top: 40px;
	text-align: center;
}
.mm_quiz_font a {
	margin-left: 150px;
}

.mm_lesson_context h1{
	margin:0;
	font-size: 23px;
	margin-bottom: 18px;
}
.mm_lesson_context h2{
	margin:0;
	font-size: 21px;
	margin-bottom: 16px;
}
.mm_lesson_context h3{
	margin:0;
	font-size: 19px;
	margin-bottom: 14px;
}
.mm_lesson_context h4{
	margin:0;
	font-size: 17px;
	margin-bottom: 12px;
}
.mm_lesson_context h5{
	margin:0;
	font-size: 15px;
	margin-bottom: 10px;
}
.mm_lesson_context h6{
	margin:0;
	font-size: 15px;
	margin-bottom: 10px;
}
.mm_lesson_context code{
	font-size: 12px;
}
.mm_lesson_context pre{
	padding:10px;
	margin-top: 8px;
}
.mm_lesson_context blockquote{
	font-size: 12px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}
.mm_lesson_context p{
	margin: 0;
}
.mm_lesson_context img{
	margin-bottom: 15px;
}
.mm_lesson_context table{
    border: 1px solid rgb(255, 168, 75);
    background-color: rgba(15, 36, 49, 0.2);
    font-size: 12px;
    color: rgb(255, 168, 75);
    font-weight: bold;
    margin: 10px 0;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
	border: 1px solid rgb(255, 168, 75);
}
.mm_lesson_context table tbody{
	border-top: none; 
}
